var host = "http://100a.baziyun.top/";

function getQuery(variable) {
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i = 0; i < vars.length; i++) {
		var pair = vars[i].split("=");
		if (pair[0] == variable) {
			return pair[1];
		}
	}
	return (false);
}
// 图表库实例化后储存的函数
var widget = null
// 进入页面 默认展示的产品
var symbol = getQuery('symbol');
var COIN = getQuery('name');
var index_market = symbol ? symbol : 'btcusdt'
// 进入页面 默认展示的产品周期
var index_activeCycle = 5

function returnFloat(value) {

	var value = Math.round(parseFloat(value) * 10000) / 10000;
	var xsd = value.toString().split(".");
	if (xsd.length == 1) {
		value = value.toString() + ".00";
		return value;
	}
	if (xsd.length > 1) {
		if (xsd[1].length < 2) {
			value = value.toString() + "0";
		}
		return value;
	}
}
// window.TradingView.onready 确保在html的dom加载完成后在调用
// window.TradingView.onready(function() {
$(document).ready(function() {
	// chartConfig 在chartConfig.js里面
	// 给chartConfig添加展示周期
	chartConfig.interval = index_activeCycle
	// 给chartConfig添加展示产品
	chartConfig.symbol = index_market

	// 初始化 TradingView
	widget = new TradingView.widget(chartConfig)
	// console.log('初始化 TradingView') 
	widget && widget.onChartReady && widget.onChartReady(function() {
		// 这是k线图 展示的 7日均线和30日均线。
		// console.log('这是k线图 展示的 7日均线和30日均线') 
		widget.chart().createStudy('Moving Average', false, false, [5], null, {
			'Plot.linewidth': 1,
			'Plot.color': '#7f2d86'
		})
		widget.chart().createStudy('Moving Average', false, false, [10], null, {
			'Plot.linewidth': 1,
			'Plot.color': '#de9f66'
		})
		widget.chart().createStudy('Moving Average', false, false, [20], null, {
			'Plot.linewidth': 1,
			'Plot.color': '#40a0bf'
		})

		widget.activeChart().createStudy('MACD', false, false, [12, 26, "close", 9])

		// widget.activeChart().createStudy('Stochastic', false, false, [26], {"%d.color" : "#FF0000"})
		setTimeout(() => {
			widget.chart().resetData();
			Event.on('realTime', data => {
				// console.log(data)
				// let change = (data.close - data.open).toFixed(4);
				$('#HQBox_Point_price').html(data.close);
				// $('#HQBox_Point_change').html(change);
				// if(change>0){
				// 	$("#HQBox_Point_price").addClass("f-up");
				// 	$("#HQBox_Point_change").addClass("f-up");
				// }else{
				// 	$("#HQBox_Point_price").addClass("f-down");
				// 	$("#HQBox_Point_change").addClass("f-down");
				// }

				var cnyprice = Math.round(data.close * 7 * 100) / 100;
				$('#now_cny').html('≈' + cnyprice + 'CNY');
				// $('#high').html(returnFloat(data.high));
				// $('#low').html(returnFloat(data.low));
				// $('#valum').html(Math.round(data.vol));

				// volume: data.vol,
				// close: data.close,
				// open: data.open,
				// high: data.high,
				// low: data.low
			})
		}, 500)
	})
})


// var marketDom = document.getElementById('symbol')
var intervalDom = document.getElementById('interval')

// 切换产品
// marketDom.addEventListener('click', function(e) {
// 	// e.target.dataset.value 就是我们拿到的产品
// 	// 5是 5分钟数据
// 	widget.setSymbol(e.target.dataset.value, 5)
// 	// 切回平均K线
// 	widget.chart().setChartType(1)
// 	// 这个函数不用看，我为了样式好看 写一个添加删除class
// 	addClass(marketDom, e.target)
// 	addClass(intervalDom, intervalDom.children[1])

// }, false)

// 切换产品周期
intervalDom.addEventListener('click', function(e) {
	// e.target.dataset.value 这个就是获取的产品的周期
	// console.log(e.target.dataset.value)
	// 1 为平均K线； 3 为面积图
	widget.chart().setChartType(e.target.dataset.value == '1' ? 3 : 1)
	widget.chart().setResolution(e.target.dataset.value)
	// 这个函数不用看，我为了样式好看 写一个添加删除class
	addClass(intervalDom, e.target)
	setTimeout(() => {
		widget.chart().resetData();
		Event.on('realTime', data => {
			// console.log(data)
			// let change = (data.close - data.open).toFixed(4);
			$('#HQBox_Point_price').html(data.close);
			// $('#HQBox_Point_change').html(change);
			// if(change>0){
			// 	$("#HQBox_Point_price").removeClass('f-down')
			// 	$("#HQBox_Point_change").removeClass('f-down')
			// 	$("#HQBox_Point_price").addClass("f-up");
			// 	$("#HQBox_Point_change").addClass("f-up");
			// }else{
			// 	$("#HQBox_Point_price").removeClass("f-up");
			// 	$("#HQBox_Point_change").removeClass("f-up");
			// 	$("#HQBox_Point_price").addClass("f-down");
			// 	$("#HQBox_Point_change").addClass("f-down");
			// }

			var cnyprice = Math.round(data.close * 7 * 100) / 100;
			$('#now_cny').html('≈' + cnyprice + 'CNY');
			// $('#high').html(returnFloat(data.high));
			// $('#low').html(returnFloat(data.low));
			// $('#valum').html(Math.round(data.vol));

			// volume: data.vol,
			// close: data.close,
			// open: data.open,
			// high: data.high,
			// low: data.low
		})
	}, 500)
}, false)

// 单纯的写一个添加class的函数，这个不用看 没用
function addClass(fatherDom, dom) {
	[...fatherDom.getElementsByTagName('span')].forEach(function(item) {
		item.className = ''
	})
	dom.className = 'active'
}

// var timer2=setInterval(()=>{
// 	console.log('-------index---timer')
// 	$.getJSON(host + 'addons/xshop/btc/binfo', (re) => {
	 
// 		var binfo = re.data[COIN];
// 		console.log(COIN)
// 		console.log(binfo)
		
// 		if (binfo.change > 0) {
// 			$('#HQBox_Point_change').html('+'+binfo.change + '%');
// 			$("#HQBox_Point_price").addClass("f-up");
// 			$("#HQBox_Point_change").addClass("f-up");
// 		} else {
// 			$('#HQBox_Point_change').html(binfo.change + '%');
// 			$("#HQBox_Point_price").addClass("f-down");
// 			$("#HQBox_Point_change").addClass("f-down");
// 		}
// 		// $('#HQBox_Point_price').html(binfo.price);
// 		$('#high').html(returnFloat(binfo.high));
// 		$('#low').html(returnFloat(binfo.low));
// 		$('#valum').html(Math.round(binfo.volume));
// 		var cnyprice = Math.round(binfo.price * 7 * 100) / 100;
// 		$('#now_cny').html('≈' + cnyprice + 'CNY');
	
// 	});
// },1000)

